{% extends 'form.html' %}

{% block script_extends %}
    <script type="text/javascript">
        $("#form").submit(function(event){
            event.preventDefault();
            $.ajax({
                url:"{% url 'bind_email' %}",
                type:"POST",
                data: $(this).serialize(),
                cache: false,
                success: function(data){
                    if(data['status']=='SUCCESS')
                    {
                        $("#tip").text('验证邮件发送成功，请前往您的邮箱查看');
                    }else{
                        $("#tip").text(data['message']);
                    }
                },
                error: function(xhr){
                    console.log(xhr);
                }
            });

            // 设置按钮状态，防止反复提交
            var interval = 30;
            // 设置禁用状态
            $("#form_submit_btn").attr({"disabled":"disabled"});
            $("#form_submit_btn").val(interval + 's');
            var timer = setInterval(() => {
                if(interval<=0){
                    // 间隔时间到，允许发送
                    clearInterval(timer);
                    $("#form_submit_btn").removeAttr("disabled");
                    $("#form_submit_btn").val('发送验证邮件');
                }else{
                    interval--;
                    // 间隔时间未到，禁止再次发送
                    $("#form_submit_btn").val(interval + 's');
                }
            }, 1000);
        }); 
    </script>
{% endblock %}